﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>显示模式</title>

    <link href="../../Scripts/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../Scripts/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/easyUI/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="../../Scripts/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="../../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />

    <!-- 引用通用的js文件. -->
    <script type="text/javascript" src="../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../Comm/Gener.js"></script>
    <script type="text/javascript" src="../../Scripts/QueryString.js"></script>
    <script src="../Admin.js"></script>
    <style type="text/css">
        body {
            margin: 0 auto;
            /*color: #000;
            line-height: 20px;
            font-family: 宋体;
            text-align: center;
            width: 90%;*/
        }
    </style>
    <base target="_self" />
    <script type="text/javascript">
        //页面启动函数
        $(function () {

            var frmID = GetQueryString("FrmID");
            var md = new Entity("BP.Sys.MapData", frmID);

            //设置列显示模式.
            if (md.TableCol == 0) {
                $("#RB_ColModel_0").attr("checked", "checked");
                SetImg(null, "ColModel", "RB_ColModel_0",false);
            }
            else {
                $("#RB_ColModel_1").attr("checked", "checked");
                SetImg(null, "ColModel", "RB_ColModel_1", false);
            }

            //设置模式，设计模式.
            var model = md.GetPara("DModel");
            if (model == 0 || model == undefined || model == null) {
                $("#RB_DModel_0").attr("checked", "checked");
                SetImg(null, "DModel", "RB_DModel_0", false);
            }
            else {
                $("#RB_DModel_1").attr("checked", "checked");
                SetImg(null, "DModel", "RB_DModel_1", false);
            }

            //字段名显示模式
            var model = md.GetPara("FieldModel");
            if (model == 0 || model == undefined || model == null) {
                $("#RB_FieldModel_0").attr("checked", "checked");
                SetImg(null, "FieldModelImg", "RB_FieldModel_0", false);
            }
            else {
                $("#RB_FieldModel_1").attr("checked", "checked");
                SetImg(null, "FieldModelImg", "RB_FieldModel_1", false);
            }
        });

        //设置.
        function SetImg(ctrl, imgID, ctrlID, isSave) {

            var path = "";
            if (ctrlID == undefined)
                path = "./Img/Model/" + ctrl.id + ".png";
            else
                path = "./Img/Model/" + ctrlID + ".png";

            $("#" + imgID).attr("src", path);

            if (isSave == false)
                return;

            Save();
        }

        function Save() {

            var frmID = GetQueryString("FrmID");
            var md = new Entity("BP.Sys.MapData", frmID);

            md.TableCol = $("input[name=RB_ColModel]:checked").val();

            md.SetPara("DModel", $("input[name=RB_DModel]:checked").val());
            md.SetPara("FieldModel", $("input[name=RB_FieldModel]:checked").val());
            md.Update();

          //  window.close();
        }
    </script>
</head>
<body>
    <fieldset>
        <legend>列布局模式</legend>
        <label>
            <input type="radio" id="RB_ColModel_0" value="0" onclick="SetImg(this,'ColModel')" name="RB_ColModel">
            宽松4列模式
        </label>

        <label>
            <input type="radio" id="RB_ColModel_1" value="1" onclick="SetImg(this,'ColModel')" name="RB_ColModel">
            紧凑6列模式
        </label>
        <br />
        <img id="ColModel" src="" style="height: 150px;" class="HelpImg" />
    </fieldset>

    <fieldset>

        <legend> 设计器模式  </legend>

        <label>
            <input type="radio" id="RB_DModel_0" value="0" onclick="SetImg(this,'DModel')" name="RB_DModel">
            左中右传统模式
        </label>

        <label>
            <input type="radio" id="RB_DModel_1" value="1" onclick="SetImg(this,'DModel')" name="RB_DModel">
            极简模式
        </label>
        <br />
        <img id="DModel" src="" style="height:150px;" class="HelpImg" />

    </fieldset>

    <fieldset>
        <legend> 字段名显示模式  </legend>
        <label>
            <input type="radio" id="RB_FieldModel_0" value="0" onclick="SetImg(this,'FieldModelImg')" name="RB_FieldModel">
            左右结构
        </label>
        <label>
            <input type="radio" id="RB_FieldModel_1" value="1" onclick="SetImg(this,'FieldModelImg')" name="RB_FieldModel">
            上下结构
        </label>
        <br />
        <img id="FieldModelImg" src="" style="height: 150px;" class="HelpImg" />

    </fieldset>

    <!--<button onclick="Save()">保存</button>-->

</body>
</html>